<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0,user-scalable=0">
    <meta content="telephone=no" name="format-detection" />
    <meta name="description" content="">
	<meta name="keywords" content="">
    <title>知识库-我的金库</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/global.css">
    <link rel="stylesheet" type="text/css" href="css/media.css">
    <link rel="stylesheet" type="text/css" href="css/loading.css">
    <script type="text/javascript" src="js/lib/loading.js"></script>
</head>
<body id="app">
    <!-- 头部 -->
    <header class="header" v-cloak>
        <a href="javascript:;" title="返回" class="icon back" @click="back();"></a>
        <h1>{{title}}</h1>
    </header>
    
	<section class="padT23" v-show="willShow === 'vault' " v-cloak>
		<div class="padTB24 vault">
            <div class="pr padB24">
                <img v-bind:src=user.headPic alt="" class="avatar">
                <span class="db font18 level">{{ user.level }}</span>
            </div>
            <span class="dib font18 marB24">离{{ user.nextlevel }}还差{{ user.experience }}经验</span>
            <div class="progress">
                <div class="" :style="{ width: user.percent }"></div>
            </div>
        </div>
        <div class="clearfix gradeRecord borderspace">
            <span class="fl">白金币:{{ user.goldCount }}</span>
            <span class="fl">等级:{{ user.level }}</span>
        </div>
        <div class="moneyRecord borderspace pr font24 padT24">
            <span class="font18 padLR24 verLine">白金币记录</span>
            <a href="javascript:;" title="" class="pa" @click="fn('record')">全部</a>
            <ul class="pad24 colorb6">
                <li v-for="(index,gold) in goldList">{{index+1}}&emsp;{{gold.str}}</li>
            </ul>
        </div>
        <div class="exchange borderspace pr font24 padT24">
            <span class="font18 padLR24 verLine">最近兑换商品</span>
            <a href="javascript:;" title="" class="pa " @click="fn('exchange')">全部</a>
            <ul class="pad24 colorb6 clearfix">
                <li v-for="info in exchangeList">
                    <span class="db j_1511"><img data-src="{{info.pic}}" src="images/imgload.gif" class="loadImg" alt=""></span>
                </li>
            </ul>
        </div>
        <div class="levelRank borderspace pr font24 padT24">
            <span class="font18 padLR24 verLine">用户星级排行</span>
            <a href="javascript:;" title="" class="pa" @click="fn('level')">全部</a>
            <div class="pad24 colorb6">
                <ul>
                    <li class="padTB24" v-for="(index,info) in RankingList">
                        <span class="rank">{{index+1}}</span>
                        <span class="star"><img :src="info.headPic" class="photo"/>{{info.userName}}</span>
                        <span class="padLR24">{{info.level}}</span>
                    </li>
                </ul>
            </div>
        </div>
	</section>
<!--
    <section class="padT23" v-show="willShow === 'level' " transition="fade">
        <div class="levelRank font24 marTB24 padLR24">
            <ul>
                <li class="padTB24" v-for="(index,info) in RankingList">
                    <span class="rank">{{index+1}}</span>
                    <span class="star"><img :src="info.headPic" class="photo"/>{{info.userName}}</span>
                    <span class="padLR24">LV{{info.level}}</span>
                </li>
            </ul>
        </div>
    </section>

    <section class="padT23" v-show="willShow === 'exchange' ">
        <div class="exchDetail borderspace font24">
            <ul class="clearfix">
                <li v-for="info in exchangeList">
                    <span class="db j_1511"><img data-src="{{info.pic}}" src="images/imgload.gif" class="loadImg" alt=""></span>
                    <dl class="padTB24 font24">
                        <dt>{{info.name}}</dt>
                        <dd class="color3b">{{info.price}}</dd>
                    </dl>
                </li>
            </ul>
        </div>
    </section>
    <section class="padT23" v-show="willShow === 'record' ">
        <div class="recordList font24 padLR24">
            <ul class="pad24 colorb6">
                <li v-for="gold in goldList">{{gold.date}}&emsp;{{gold.str}}</li>
            </ul>
        </div>    
    </section>
-->
    

    <script type="text/javascript" src="js/lib/jquery.min.js"></script>
    <script type="text/javascript" src="js/lib/vue.js"></script>
    <script type="text/javascript" src="js/lib/common.js"></script>
    <script type="text/javascript" src="js/lib/global.js"></script>
    <script type="text/javascript" src="js/lib/alert.js"></script>
    <script type="text/javascript" src="js/myVault.js"></script>
    <script>
        /*$(function(){
            var windowHeight = $(window).height();
            var listHeight =  $('.recordList > ul').height();
            var bodyHelght = $(document.body).height();
            if(windowHeight > listHeight){
                $('.recordList > ul').height(windowHeight-(bodyHelght-listHeight));
            }
        })*/
        
    </script>
</body>
</html>